<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <title>活动模板预览 - 活动聚 | 模板</title>
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  <link rel="stylesheet" href="../../css/mgt/editActivity/preview.css">
  <link rel="stylesheet" href="../../css/mgt/common/component.css">
  <link rel="stylesheet" href="../../css/mgt/common/font-awesome.min.css">
  <script src="../../js/mgt/common/jquery2.1.2.js"></script>
  <script src="../../js/mgt/common/jquery.nicescroll.js"></script>
  <style>
    * {
      font-family: "microsoft yahei";
      max-width: 100%;
    }

    #all {
      opacity: 0;
    }

    section {
      margin: 0.2rem 0;
      display: block;
    }

    .styleA-img {
      width: 100%;
      border-radius: 4px;
    }

    .styleA-text p {
      text-indent: 2em;
    }

    #ueditor-box {
      letter-spacing: 1px;
    }

    #ueditor-box * {
      max-width: 100%;
      height: auto;
      overflow-wrap: break-word;
    }

    .right-arrow {
      width: 0.32rem;
      height: 0.32rem;
      margin-top: 0.27rem;
      float: right;
    }

    /*自定义样式*/
    .d-header {
      display: block !important;
    }

    .main {
      margin-top: 0.9rem !important;
    }

    .div_more i, .backBtn {
      color: #f66926 !important;
      font-size: .4rem !important;
    }

    /*描述文字*/
    .d-at-content h3 {
      font-size: 1.25em;
    }

    .d-place span, .d-main span {
      font-size: 12px;
    }

    .d-at-d-title {
      font-size: 12px;
    }

    .d-tanchuang2-text {
      overflow: hidden;
      overflow-y: scroll;
    }

    .view-tips {
      padding: 0px 8px;
      color: white;
      background-color: #f66926;
      font-size: 12px;
      height: 30px;
      line-height: 30px;
    }

    .view-tips-close {
      float: right;
      font-size: 15px;
    }

    .width500 {
      max-width: 500px;
    }

    html, body {
      overflow: hidden;
    }
  </style>
</head>
<body onload="picWidth()" class="scroll-pane" id="_body" style="overflow: hidden;">
<div id="loading-text" style="text-align: center; margin-top: 35%; display: none;">
  <p>正在加载...</p>
</div>
<div id="all" style="position: relative; opacity: 1;">
  <main class="main">


    <div class="d-at-d needsclick">
      <div id="previewImage">

        <div data-type="6" data-layout="10041" class="com-item com-txt com-title-10041" style="">
          <div class="com-icon com-icon1">
            <img src="../../images/mgt/edit/preview/title10041-2.png" data-src="http://img.huodongju.com/www/component/title10041-2.png?imageView2/2/w/720" alt="" style="display: inline;">
          </div>
          <div class="com-content" style="">

            <p style="text-align: center;color: #2172DF;line-height: 1.7;font-weight: bold;font-size: 18px;">专业应急救护普及</p>
            <p style="color: rgb(33, 114, 223); line-height: 1.7; font-weight: bold; font-size: 18px; text-align: center;">培训</p></div>
          <div class="com-icon com-icon2">
            <img src="../../images/mgt/edit/preview/title10041-1.png" data-src="http://img.huodongju.com/www/component/title10041-1.png?imageView2/2/w/720" alt="" style="display: inline;">
          </div>
        </div>
        <div data-type="6" data-layout="0" class="com-item com-txt" style="">
          <div class="com-content" style=""><p style="line-height: 1.75em; text-align: left;">据统计，在我国大约每分钟就有五个人死于突发的高血压和心脑血管疾病。其中70%的人是因为无法得到恰当的救护死于家中或现场。如果我们能在意外发生第一时间实施正确的急救方法，在事发一分钟之内的心肺复苏就可以将抢救成功率提高到90%。</p>
            <p style="line-height: 1.75em; text-align: center;"><br><br><span style="color: rgb(255, 0, 0);"><strong>然而，我国的应急救护普及率不到1%</strong></span></p>
            <p style="line-height: 1.75em; text-align: center;">救护车到达现场时间约为20分钟<br><br><span style="color: rgb(255, 255, 255); background-color: rgb(227, 108, 9);"><strong>提早学习应急救护知识</strong></span></p>
            <p style="line-height: 1.75em; text-align: center;">不让这些悲剧在我们身边上演</p>
            <p style="line-height: 1.75em;"><br></p></div>
        </div>
        <div data-type="6" data-layout="10016" class="com-item com-title com-title-1034" style="">
          <div class="com-content" style="">
            <p style="color: rgb(0, 0, 0); font-size: 16px; text-align: center;"><strong>活动详情</strong></p></div>
        </div>
        <div data-type="6" data-layout="0" class="com-item com-txt" style="">
          <div class="com-content" style=""><p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal;"><span
              style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);">培训一般在每个周的周末两整天时间，报名需要电话确认当期是否有空位。报名电话：宿老师13658678360。</span></p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal;"><span style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);"><br></span>
            </p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal;"><span style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);">也可以拨打青岛市红十字会电话85975999。上课需要携带两张一寸照片，以便结业通过考核后颁发救护员证书。</span>
            </p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal;"><span style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);"><br></span>
            </p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal;"><span style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);">应急救护普及培训－关键时刻第一时间救护家人朋友（青岛市市红十字会举办）</span>
            </p></div>
        </div>
        <div data-type="6" data-layout="2011" class="com-item com-txt com-title-2011" style="">
          <div class="com-content" style="">
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal; text-align: left;"><span style="color: rgb(255, 0, 0);"><strong><span
                style="font-family: 宋体; letter-spacing: 1px; background: rgb(255, 255, 255);">时间:</span></strong><span style="font-family: 宋体; letter-spacing: 1px; background: rgb(255, 255, 255);">&nbsp;</span></span>
            </p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal; text-align: left;"><span
                style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);">2017年07月15日至2017年07月30日&nbsp;</span></p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal; text-align: left;"><span
                style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);">每周六,日 09:00 - 16:00</span></p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal; text-align: left;"><span
                style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);"><br></span></p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal; text-align: left;"><span style="color: rgb(255, 0, 0);"><strong><span
                style="font-family: 宋体; letter-spacing: 1px; background: rgb(255, 255, 255);">地点:</span></strong></span><span
                style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);">青岛职业技术学</span></p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal; text-align: left;"><span style="color: rgb(255, 0, 0);"><strong><span
                style="font-family: 宋体; letter-spacing: 1px; background: rgb(255, 255, 255);">费用:</span></strong></span><span
                style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);">200元(人均)</span></p>
            <p style="margin-top: 0px; margin-bottom: 0px; line-height: 25px; white-space: normal; text-align: left;"><span
                style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);"><br></span></p>
            <p style="white-space: normal; text-align: left;"><span style="color: rgb(255, 0, 0);"><strong><span
                style="font-family: 宋体; letter-spacing: 1px; background: rgb(255, 255, 255);">联系方式：</span></strong></span><span
                style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);">13658678360 宿老师。</span></p>
            <p style="white-space: normal; text-align: left;"><span style="font-family: 宋体; color: rgb(70, 71, 77); letter-spacing: 1px; background: rgb(255, 255, 255);">红十字会咨询电话：85975999</span></p></div>
          <div class="com-border1"></div>
          <div class="com-border2"></div>
        </div>
        <div data-type="6" data-layout="10016" class="com-item com-title com-title-1034" style="">
          <div class="com-content" style="">
            <p style="color: rgb(0, 0, 0); font-size: 16px; text-align: center;"><strong>课程安排</strong></p></div>
        </div>
        <div data-type="6" data-layout="2024" class="com-item com-txt com-title-2024" style="">
          <div class="com-content" style="">
            <p style="line-height: 1.75em;"><span style="color: rgb(255, 0, 0);"><strong>课程一般为周末为期两天(9:00-16:00)，</strong></span>由最资深的医学背景教授医师授课，通过考试即可以得到山东省认可的救护员证。</p>
            <p><br></p>
            <p style="line-height: 1.75em;"><span style="color: rgb(255, 0, 0);"><strong>主要课程包括：</strong></span>心肺复苏，创伤包扎固定，以及日常遇到的各种突发意外的第一时间处理。&nbsp;<br><br>来参加课程的学员赠送培训用急救包，以及应急救护书籍。单位集体多人报名可上门培训，开具正规发票。
              无任何额外费用，不销售任何产品。我们只是为了让更多人了解如何科学施救，利人利己。&nbsp;</p></div>
          <div class="com-icon1">
            <img class="ignore_wx" src="../../images/mgt/myActivity/hdj-default-image.jpg" data-src="http://img.huodongju.com/sys/coms/com-title2024.png?imageView2/2/w/720" alt="">
          </div>
          <div class="com-icon2">
            <img class="ignore_wx" src="../../images/mgt/myActivity/hdj-default-image.jpg" data-src="http://img.huodongju.com/sys/coms/com-title2024.png?imageView2/2/w/720" alt="">
          </div>
        </div>
        <div data-type="6" data-layout="10016" class="com-item com-title com-title-1034" style="">
          <div class="com-content" style="">
            <p style="color:#000;font-size: 16px;"><strong>往期回顾</strong></p></div>
        </div>
        <div data-type="10" data-layout="10030" class="com-item com-imgs com-imgs-10030" style="">
          <div class="com-content com-content-img1 set-square" style="">

            <img class="" src="../../images/mgt/myActivity/hdj-default-image.jpg" data-src="http://img.huodongju.com/www/1506069806192图片6.png?imageView2/2/w/720&amp;imageslim" alt="" style="">
            <p class="none"></p>
          </div>
          <div class="com-content com-content-img2 set-square" style="">

            <img class="" src="../../images/mgt/myActivity/hdj-default-image.jpg" data-src="http://img.huodongju.com/www/15060697652842.png?imageView2/2/w/720&amp;imageslim" alt="" style="">
            <p class="none"></p>
          </div>
          <div class="com-content com-content-img3 set-square" style="">

            <img class="" src="../../images/mgt/myActivity/hdj-default-image.jpg" data-src="http://img.huodongju.com/www/1506069838061图片5.png?imageView2/2/w/720&amp;imageslim" alt="" style="">
          </div>
          <div class="com-content com-content-img4 set-square" style="">

            <img class="" src="../../images/mgt/myActivity/hdj-default-image.jpg" data-src="http://img.huodongju.com/www/15060698551561.png?imageView2/2/w/720&amp;imageslim" alt="" style="">
          </div>
          <div class="com-border1 set-square"></div>
        </div>
      </div>

    </div>
  </main>
</div>
<script src="../../js/mgt/common/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="../../data/mgt/stats" charset="UTF-8"></script>
<script>
  $(function () {
    $("#previewImage img").lazyload({
      effect: "fadeIn",
      threshold: 0,
      skip_invisible: false,
      data_attribute: 'src'
    });

    $('#_body').niceScroll({
      cursorcolor: "#ccc",//#CC0071 光标颜色
      cursoropacitymax: 1, //改变不透明度非常光标处于活动状态（scrollabar“可见”状态），范围从1到0
      touchbehavior: false, //使光标拖动滚动像在台式电脑触摸设备
      cursorwidth: "5px", //像素光标的宽度
      cursorborder: "0", // 	游标边框css定义
      cursorborderradius: "5px",//以像素为光标边界半径
      autohidemode: false //是否隐藏滚动条
    });
  });
  function fullWidth() {
    if ($('body').width() >= 720) {
      $('html').css('font-size', 100 + 'px');
      return;
    }
    var scale = $('body').width() / 720;
    $('html').css('font-size', scale * 100 + 'px');
    $('body').css('opacity', '1')
  }

  function picWidth() {
    var winWidth = $('.d-at-d').width() / 2;
    $('#ueditor-box img').each(function () {
      $(this).parent().addClass('needsclick');
      var imgWidth = $(this).width();
      if (imgWidth > winWidth) {
        $(this).css('width', '100%');
      } else {
        $(this).css('width', '');
      }
      ;
    });
    $('#all').css('opacity', '1');
    $('#loading-text').hide();
  }

</script>

<div id="ascrail2000" class="nicescroll-rails" style="width: 5px; z-index: auto; cursor: default; position: fixed; top: 0px; height: 100%; right: 0px; opacity: 1;">
  <div style="position: relative; top: 0px; float: right; width: 5px; height: 284px; background-color: rgb(204, 204, 204); border: 0px; background-clip: padding-box; border-radius: 5px;"></div>
</div>
<div id="ascrail2000-hr" class="nicescroll-rails" style="height: 5px; z-index: auto; position: fixed; left: 0px; width: 100%; bottom: 0px; opacity: 1; cursor: default; display: none;">
  <div style="position: relative; top: 0px; height: 5px; width: 1600px; background-color: rgb(204, 204, 204); border: 0px; background-clip: padding-box; border-radius: 5px;"></div>
</div>
</body>
</html>